@tailwind base;
@tailwind components;
@tailwind utilities;
/* 在全局 CSS 文件中添加 */
@layer utilities {
    .delay-0 {
      animation-delay: 0s;
    }
    .delay-200 {
      animation-delay: 0.2s;
    }
    .delay-400 {
      animation-delay: 0.4s;
    }
  }
  

.iconfont {
  font-family: "iconfont" !important;
  font-style: normal;
  font-size: 25px;
  vertical-align: middle;
  transition: .3s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html, body, #root {
    width: 100vw;
    height: 100vh;
    background-color: #272A37;
}

/* 滚动条样式 */
/* 自定义滚动条 */
.scrollbar-custom::-webkit-scrollbar {
    width: 4px; /* 滚动条宽度 */
    height: 4px; /* 滚动条高度 */
}
  
.scrollbar-custom::-webkit-scrollbar-thumb {
    background-color: #888; /* 滚动条颜色 */
    border-radius: 8px; /* 圆角 */
}
  
.scrollbar-custom::-webkit-scrollbar-thumb:hover {
    background: #777; /* 滚动条悬停时颜色 */
}
.scrollbar-custom::-webkit-scrollbar-thumb:active {
    background: #444; /* 滚动条点击时颜色 */
}

